import { Button, Space, Tabs } from 'antd'
import AppTable from '@renderer/components/AppTable'
import { useState, JSX } from 'react'
import Module3D from '@renderer/components/Module3D'
import AppCom from '@renderer/components/AppCom'
// import AppDll from '@renderer/components/AppDll'

const items = [
  {
    label: '表格',
    key: '1',
    children: <AppTable></AppTable>
  },
  {
    label: '3D',
    key: '2',
    children: <Module3D></Module3D>
  },
  {
    label: '串口调用',
    key: '3',
    children: <AppCom></AppCom>
  }
]

function App(): JSX.Element {
  return (
    <div
      style={{
        padding: '20px'
      }}
    >
      <Tabs defaultActiveKey="1" items={items}></Tabs>
    </div>
  )
}

export default App
